<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			.container{
				background-color: #E9E9E9;
				width: 500px;
				padding: 10px 10px ;
			}
			
			
			ul li{
			  display: inline-block;
			  background-color: white;
			  border: solid 1px black;
			  padding: 5px 10px;
			  text-align: center;
			  
			}
			
			ul li:hover{
				cursor: pointer;
			}
			
			ul li:active,.active{
				background-color: antiquewhite;
				font-weight: 900;
			}
			
		</style>
	</head>
	<body>
		
		
		
		
		<div class="container">
			
				<ul>
					<li>上一页</li>
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>...87</li>
					<li>下一页</li>
				</ul>
			
			
			
		</div>
		
		
		
		
		
		
		
		
	</body>
</html>